<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<table class="stableborder" cellpadding="2" cellspacing="2" style="padding: 2px; width: 100%">
	<tr>
		<td class="labelproperty_title">属性名称</td>
		<td class="labelpropertydesc_title">属性描述</td>
	</tr>
	<tr>
		<td class="labelproperty">nowrap</td>
		<td class="labelpropertydesc">值过长是否换行true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">frozenColumns</td>
		<td class="labelpropertydesc">大小固定的列,值为字段名称数组,["column1","column2"...]</td>
	</tr>
	<tr>
		<td class="labelproperty">fitColumns</td>
		<td class="labelpropertydesc">列宽自适应true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">toolbar</td>
		<td class="labelpropertydesc">工具栏id,注意需要加#,例子:data-defs="toolbar:'#tb'"</td>
	</tr>
	<tr>
		<td class="labelproperty">idField</td>
		<td class="labelpropertydesc">作为行数据的id属性字段,比如表的主键</td>
	</tr>
	<tr>
		<td class="labelproperty">method</td>
		<td class="labelpropertydesc">post/get</td>
	</tr>
	<tr>
		<td class="labelproperty">url</td>
		<td class="labelpropertydesc">通过url载入列表数据</td>
	</tr>
	<tr>
		<td class="labelproperty">data</td>
		<td class="labelpropertydesc">通过定义好的数据对象载入</td>
	</tr>
	<tr>
		<td class="labelproperty">loadMsg</td>
		<td class="labelpropertydesc">载入时的等待信息</td>
	</tr>
	<tr>
		<td class="labelproperty">rownumbers</td>
		<td class="labelpropertydesc">是否显示行号,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">singleSelect</td>
		<td class="labelpropertydesc">定义行选择只能单选或多选,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">selectOnCheck</td>
		<td class="labelpropertydesc">选择行时,选择框是否选中,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">checkOnSelect</td>
		<td class="labelpropertydesc">选择框选中时,是否选择行,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">pagination</td>
		<td class="labelpropertydesc">是否分页,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">pagePosition</td>
		<td class="labelpropertydesc">分页位置,bottom/top</td>
	</tr>
	<tr>
		<td class="labelproperty">pageSize</td>
		<td class="labelpropertydesc">每页大小</td>
	</tr>
	<tr>
		<td class="labelproperty">queryParams</td>
		<td class="labelpropertydesc">查询参数,结构:{"field1":"value1","field2":"value2"...}</td>
	</tr>
	<tr>
		<td class="labelproperty">sortName</td>
		<td class="labelpropertydesc">排序的字段名</td>
	</tr>
	<tr>
		<td class="labelproperty">sortOrder</td>
		<td class="labelpropertydesc">asc/desc</td>
	</tr>
	<tr>
		<td class="labelproperty">remoteSort</td>
		<td class="labelpropertydesc">后台排序,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">showHeader</td>
		<td class="labelpropertydesc">是否显示标题头,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">showFooter</td>
		<td class="labelpropertydesc">是否显示底部信息,true/false</td>
	</tr>
	<tr>
		<td class="labelproperty">rowStyler</td>
		<td class="labelpropertydesc">行格式化,rowStyler: function(index,row){
					if (row.listprice = 300){
						return 'background:blue;';
					}
				}</td>
	</tr>
	<tr>
		<td class="labelproperty">editor</td>
		<td class="labelpropertydesc">editor:'inputbox'</td>
	</tr>
	<tr>
		<td class="labelproperty">onLoadSuccess</td>
		<td class="labelpropertydesc">当载入成功时执行的回调函数onLoadSuccess:onLoadSuccessFun</td>
	</tr>
	<tr>
		<td class="labelproperty">onLoadError</td>
		<td class="labelpropertydesc">当载入失败时执行的回调函数</td>
	</tr>
	<tr>
		<td class="labelproperty">onClickRow</td>
		<td class="labelpropertydesc">点击行时执行的函数,onClickRow : onClickRowFun,参数为rowIndex, rowData</td>
	</tr>
	<tr>
		<td class="labelproperty">onDblClickRow</td>
		<td class="labelpropertydesc">双击行时执行的函数,onClickRow : onClickRowFun,参数为rowIndex, rowData</td>
	</tr>
	<tr>
		<td class="labelproperty">onClickCell</td>
		<td class="labelpropertydesc">点击表格中的具体值时触发的事件,参数rowIndex, field, value</td>
	</tr>
	<tr>
		<td class="labelproperty">onDblClickCell</td>
		<td class="labelpropertydesc">双击表格中的具体值时触发的事件,参数rowIndex, field, value</td>
	</tr>
	<tr>
		<td class="labelproperty">onSortColumn</td>
		<td class="labelpropertydesc">排序列时的触发函数</td>
	</tr>
	<tr>
		<td class="labelproperty">onResizeColumn</td>
		<td class="labelpropertydesc">重置列大小触发的函数</td>
	</tr>
	<tr>
		<td class="labelproperty">onSelect</td>
		<td class="labelpropertydesc">选择事件,data-defs="onSelect：functionName",functionName(rowIndex, rowData),rowIndex索引,rowData选择的行的数据</td>
	</tr>
	<tr>
		<td class="labelproperty">onUnselect</td>
		<td class="labelpropertydesc">取消选择事件,data-defs="onUnselect：functionName",functionName(rowIndex, rowData),rowIndex索引,rowData取消选择的行的数据</td>
	</tr>
	<tr>
		<td class="labelproperty">onSelectAll</td>
		<td class="labelpropertydesc">当选择所有行触发的事件,data-defs="onSelectAll：functionName",functionName(rows),rows所有行</td>
	</tr>
	<tr>
		<td class="labelproperty">onUnselectAll</td>
		<td class="labelpropertydesc">当取消选择所有行触发的事件,data-defs="onSelectAll：functionName",functionName(rows),rows所有行</td>
	</tr>
	<tr>
		<td class="labelproperty">onCheck</td>
		<td class="labelpropertydesc">当选择行的选择框时触发的事件,data-defs="onSelect：functionName",functionName(rowIndex, rowData),rowIndex索引,rowData选择的行的数据</td>
	</tr>
	<tr>
		<td class="labelproperty">onUncheck</td>
		<td class="labelpropertydesc">当取消选择行的选择框时触发的事件,data-defs="onUncheck：functionName",functionName(rowIndex, rowData),rowIndex索引,rowData取消选择的行的数据</td>
	</tr>
	<tr>
		<td class="labelproperty">onCheckAll</td>
		<td class="labelpropertydesc">当选择所有行的选择框触发的事件,data-defs="onCheckAll：functionName",functionName(rows),rows所有行</td>
	</tr>
	<tr>
		<td class="labelproperty">onUncheckAll</td>
		<td class="labelpropertydesc">当取消选择所有行的选择触发的事件,data-defs="onUncheckAll：functionName",functionName(rows),rows所有行</td>
	</tr>
	<tr>
		<td class="labelproperty">onBeforeEdit</td>
		<td class="labelpropertydesc">当编辑行之前触发事件,data-defs="onBeforeEdit：functionName",functionName(rowIndex, rowData),rowIndex索引,rowData选择的行的数据</td>
	</tr>
	<tr>
		<td class="labelproperty">onAfterEdit</td>
		<td class="labelpropertydesc">当编辑行之后触发事件,data-defs="onBeforeEdit：functionName",functionName(rowIndex, rowData,changedItem),rowIndex索引,rowData选择的行的数据,changedItem改变的项</td>
	</tr>
	<tr>
		<td class="labelproperty">onCancelEdit</td>
		<td class="labelpropertydesc">当取消编辑时触发的事件,data-defs="onCancelEdit：functionName",functionName(rowIndex, rowData),rowIndex索引,rowData选择的行的数据</td>
	</tr>
	<tr>
		<td class="labelproperty">onHeaderContextMenu</td>
		<td class="labelpropertydesc">data-defs="onHeaderContextMenu：functionName",functionName(e, field),e事件,field列</td>
	</tr>
	<tr>
		<td class="labelproperty">onRowContextMenu</td>
		<td class="labelpropertydesc">data-defs="onHeaderContextMenu：functionName",functionName(e, rowIndex, rowData),e事件,,rowIndex索引,rowData选择的行的数据</td>
	</tr>
</table>
<table class="stableborder" cellpadding="2" cellspacing="2" style="padding: 2px; width: 100%">
	<tr>
		<td class="labelproperty_title">方法名称</td>
		<td class="labelpropertydesc_title">方法描述</td>
	</tr>
	<tr>
		<td class="labelproperty">load</td>
		<td class="labelpropertydesc">载入数据,$('#gridId').grid('load',data);data为grid的标准数据格式</td>
	</tr>
	<tr>
		<td class="labelproperty">reload</td>
		<td class="labelpropertydesc">重新载入数据,$('#gridId').grid('load',data);data为grid的标准数据格式</td>
	</tr>
	<tr>
		<td class="labelproperty">loadData</td>
		<td class="labelpropertydesc">载入数据,$('#gridId').grid('loadData',data);data为grid的标准数据</td>
	</tr>
	<tr>
		<td class="labelproperty">getData</td>
		<td class="labelpropertydesc">获得列表数据,$('#gridId').grid('getData');</td>
	</tr>
	<tr>
		<td class="labelproperty">getRows</td>
		<td class="labelpropertydesc">获得列表行,$('#gridId').grid('getRows');</td>
	</tr>
	<tr>
		<td class="labelproperty">getFooterRows</td>
		<td class="labelpropertydesc">获得列表底部行,$('#gridId').grid('getFooterRows');</td>
	</tr>
	<tr>
		<td class="labelproperty">getRowIndex</td>
		<td class="labelpropertydesc">根据id获得行索引,$('#gridId').grid('getRowIndex',rowId);</td>
	</tr>
	<tr>
		<td class="labelproperty">getChecked</td>
		<td class="labelpropertydesc">获得列表选择框选择的行,$('#gridId').grid('getChecked');</td>
	</tr>
	<tr>
		<td class="labelproperty">getSelected</td>
		<td class="labelpropertydesc">获得列表选择的行,$('#gridId').grid('getSelected');</td>
	</tr>
	<tr>
		<td class="labelproperty">getSelections</td>
		<td class="labelpropertydesc">获得列表选择的多行,$('#gridId').grid('getSelections');</td>
	</tr>
	<tr>
		<td class="labelproperty">clearSelections</td>
		<td class="labelpropertydesc">清空列表选择的行的标记,$('#gridId').grid('clearSelections');</td>
	</tr>
	<tr>
		<td class="labelproperty">clearChecked</td>
		<td class="labelpropertydesc">清空列表选择框选中的行的标记,$('#gridId').grid('clearChecked');</td>
	</tr>
	<tr>
		<td class="labelproperty">selectAll</td>
		<td class="labelpropertydesc">选择所有行,$('#gridId').grid('selectAll');</td>
	</tr>
	<tr>
		<td class="labelproperty">unselectAll</td>
		<td class="labelpropertydesc">不选择所有行,$('#gridId').grid('unselectAll');</td>
	</tr>
	<tr>
		<td class="labelproperty">selectRow</td>
		<td class="labelpropertydesc">根据索引选择一行,$('#gridId').grid('selectRow',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">unselectRow</td>
		<td class="labelpropertydesc">根据索引取消选择行,$('#gridId').grid('unselectRow',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">checkRow</td>
		<td class="labelpropertydesc">根据索引选择框选中行,$('#gridId').grid('checkRow',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">uncheckRow</td>
		<td class="labelpropertydesc">根据索引选择框取消选中行,$('#gridId').grid('uncheckRow',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">checkAll</td>
		<td class="labelpropertydesc">选择框选中所有行,$('#gridId').grid('checkAll');</td>
	</tr>
	<tr>
		<td class="labelproperty">uncheckAll</td>
		<td class="labelpropertydesc">选择框取消选中所有行,$('#gridId').grid('uncheckAll');</td>
	</tr>
	<tr>
		<td class="labelproperty">beginEdit</td>
		<td class="labelpropertydesc">根据索引开始编辑行,$('#gridId').grid('beginEdit',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">endEdit</td>
		<td class="labelpropertydesc">根据索引结束编辑指定行,$('#gridId').grid('endEdit',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">cancelEdit</td>
		<td class="labelpropertydesc">根据索引取消编辑指定行,$('#gridId').grid('cancelEdit',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">getEditors</td>
		<td class="labelpropertydesc">根据索引获得编辑的对象,$('#gridId').grid('getEditors',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">validateRow</td>
		<td class="labelpropertydesc">根据索引验证行的数据项,$('#gridId').grid('validateRow',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">updateRow</td>
		<td class="labelpropertydesc">根据索引更新指定行,$('#gridId').grid('updateRow',para);para结构{"index":index,row:rowData}</td>
	</tr>
	<tr>
		<td class="labelproperty">appendRow</td>
		<td class="labelpropertydesc">在末尾附加一行,$('#gridId').grid('appendRow',rowObj);</td>
	</tr>
	<tr>
		<td class="labelproperty">insertRow</td>
		<td class="labelpropertydesc">根据索引插入指定行,$('#gridId').grid('insertRow',para);para结构{"index":index,row:rowData}</td>
	</tr>
	<tr>
		<td class="labelproperty">deleteRow</td>
		<td class="labelpropertydesc">根据索引删除指定行,$('#gridId').grid('deleteRow',index);</td>
	</tr>
	<tr>
		<td class="labelproperty">getChanges</td>
		<td class="labelpropertydesc">获得指定类型的变更,$('#gridId').grid('getChanges',type);type的值：inserted、deleted、updated</td>
	</tr>
	<tr>
		<td class="labelproperty">acceptChanges</td>
		<td class="labelpropertydesc">更改生效,$('#gridId').grid('acceptChanges');</td>
	</tr>
	<tr>
		<td class="labelproperty">rejectChanges</td>
		<td class="labelpropertydesc">更改失效,还原修改前数据,$('#gridId').grid('rejectChanges');</td>
	</tr>
	<tr>
		<td class="labelproperty">getPanel</td>
		<td class="labelpropertydesc">获取列表的panel对象,$('#gridId').grid('getPanel')</td>
	</tr>
	<tr>
		<td class="labelproperty">freezeRow</td>
		<td class="labelpropertydesc">固定行,$('#gridId').grid('freezeRow',index);index为grid的索引</td>
	</tr>
	<tr>
		<td class="labelproperty">resize</td>
		<td class="labelpropertydesc">重置列表大小,$('#gridId').grid('resize',sizeInfo),sizeInfo定义:{width:100,height:100}</td>
	</tr>
	<tr>
		<td class="labelproperty">getColumnOption</td>
		<td class="labelpropertydesc">获取列表的指定列的定义对象,$('#gridId').grid('getColumnOption','fieldName'),fieldName是列名称</td>
	</tr>
	<tr>
		<td class="labelproperty">getPager</td>
		<td class="labelpropertydesc">获取列表的分页对象,$('#gridId').grid('getPager')</td>
	</tr>
	<tr>
		<td class="labelproperty">getColumnFields</td>
		<td class="labelpropertydesc">获取列表的列对象,$('#gridId').grid('getColumnFields')</td>
	</tr>
	<tr>
		<td class="labelproperty">mergeCells</td>
		<td class="labelpropertydesc">合并单元格,$('#gridId').grid('mergeCells',para);para结构{"colspan":colspan,"rowspan":rowspan,"index":index}</td>
	</tr>
	<tr>
		<td class="labelproperty">showColumn</td>
		<td class="labelpropertydesc">显示列,$('#gridId').grid('showColumn',field);</td>
	</tr>
	<tr>
		<td class="labelproperty">hideColumn</td>
		<td class="labelpropertydesc">隐藏列,$('#gridId').grid('hideColumn',field);</td>
	</tr>
</table>